<template>
	<div>
		<div class="det_tab">
			<div v-if="list.length">
				<van-row v-for="(item, index) in list" :key="index" class="operate_row">
					<van-col span="2">{{ index + 1 }}</van-col>
					<van-col span="4">{{ item.LevelName }}</van-col>
					<van-col span="18">{{ item.OperateContent }} </van-col>
				</van-row>
			</div>
			<div v-else>
				<van-row class="none_row">
					<van-col span="4">#</van-col>
					<van-col span="6">层级说明</van-col>
					<van-col span="10">操作说明</van-col>
				</van-row>
			</div>
		</div>
	</div>
</template>

<script>
import { getApproveDetail } from '@/api/trainingplanlist'
export default {
	components: {},
	data() {
		return {
			baseUrl: process.env.VUE_APP_BASE_API,
			id: this.$route.query.recordID,
			border: false,
			list: [],
			editForm: {},
			remarks: '',
			fileList: [],
			radio: '1',
			name: '',
		}
	},

	created() {
		this.geDetail()
	},

	methods: {
		// 获取详情
		geDetail() {
			getApproveDetail({
				recordID: this.id,
				operate: 'publish',
				opController: 'OtherDangerCheckPlan',
			}).then((res) => {
				this.list = res.data
			})
		},
	},
}
</script>

<style lang="less" scoped>
.det_tab {
	background-color: #e8f1f8;
	min-height: 100vh;
}

.operate_row,
.none_row {
	padding: 10px;
	font-size: 13px;
	background-color: #fff;
	border-bottom: 1px solid #e8f1f8;
	/*margin-bottom: 10px;*/
}
</style>
